<%--
  Created by IntelliJ IDEA.
  User: Hasee
  Date: 2018/11/17
  Time: 10:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<%--1
  Created by IntelliJ IDEA.
  User: Hasee
  Date: 2018/11/17
  Time: 10:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>攻略</title>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/htmleaf-demo.css">
    <link rel="stylesheet" href="bootstrap/css/gallery-clean.css">
    <link rel="stylesheet" href="bootstrap/css/fluid-gallery.css">
    <link rel="stylesheet" href="bootstrap/css/gallery-grid.css">
    <link rel="stylesheet" href="bootstrap/css/css/baguetteBox.min.css">
    <link rel="stylesheet" href="bootstrap/css/thumbnail-gallery.css">
</head>
<body>
<jsp:include page="navBar.jsp"/>
<div class="htmleaf-container">
    <header class="htmleaf-header">
        <h1>Traveller <span>最新最热攻略等你来发现</span></h1>
    </header>
    <div class="col-sm-1"></div>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="发表你的吃喝玩乐"
            onclick="window.location.href='editRaider.jsp'">发表攻略
    </button>
    <div class="container gallery-container">

        <h1>旅游攻略</h1>

        <p class="page-description text-center">热门攻略</p>

        <div class="tz-gallery">

            <div class="row">

                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <a class="lightbox" href="bootstrap/images/park.jpg">
                            <img src="bootstrap/images/park.jpg" alt="Park">
                        </a>
                        <div class="caption">
                            <h3><%= request.getSession().getAttribute("headline")%>
                            </h3>
                            <p><%= request.getSession().getAttribute("content")%>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <a class="lightbox" href="bootstrap/images/gz1.jpg">
                            <img src="bootstrap/images/gz1.jpg" alt="Park">
                        </a>
                        <div class="caption">
                            <h3>广州</h3>
                            <p>广州是国家历史文化名城，从秦朝开始，广州一直是郡治、州治、府治的行政中心；一直是华南地区的政治、军事、经济、文化和科教中心，是岭南文化的发源地和兴盛地。</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <a class="lightbox" href="bootstrap/images/bj1.jpg">
                            <img src="bootstrap/images/bj1.jpg" alt="Bridge" height="300">
                        </a>
                        <div class="caption">
                            <h3>北京</h3>
                            <p>
                                北京是国家历史文化名城和世界上拥有世界文化遗产数最多的城市，三千多年历史孕育了故宫、天坛、长城、颐和园等众多名胜古迹。公元938年以来，北京先后成为辽陪都、金中都、元大都、明、清国都。</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <a class="lightbox" href="bootstrap/images/Bridge.jpg">
                            <img src="bootstrap/images/bj1.jpg" alt="Bridge" height="300">
                        </a>
                        <div class="caption">
                            <h3>北京</h3>
                            <p>
                                北京是国家历史文化名城和世界上拥有世界文化遗产数最多的城市，三千多年历史孕育了故宫、天坛、长城、颐和园等众多名胜古迹。公元938年以来，北京先后成为辽陪都、金中都、元大都、明、清国都。</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <a class="lightbox" href="bootstrap/images/coast.jpg">
                            <img src="bootstrap/images/sh1.jpg" alt="Coast">
                        </a>
                        <div class="caption">
                            <h3>上海</h3>
                            <p>
                                上海是中国共产党的诞生地，中华人民共和国直辖市、国家中心城市，国际经济、金融、贸易、航运、科技创新中心和综合交通枢纽，首批沿海开放城市。是长江经济带的龙头城市、G60科创走廊核心城市。</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <a class="lightbox" href="bootstrap/images/rails.jpg">
                            <img src="bootstrap/images/cd.jpg" alt="Rails">
                        </a>
                        <div class="caption">
                            <h3>成都</h3>
                            <p>成都是全球重要的电子信息产业基地，是国家历史文化名城，古蜀文明发祥地，中国十大古都之一。孕育了金沙遗址、都江堰、武侯祠、杜甫草堂等众多名胜古迹，是中国最佳旅游城市。</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <div class="related">
        <jsp:include page="footer.jsp"/>
    </div>
</div>

<script type="text/javascript" src="WEB-INF/js/baguetteBox.min.js"></script>
<script type="text/javascript">
    baguetteBox.run('.tz-gallery');
</script>
<script>
    $(function () {
        $("[data-toggle='tooltip']").tooltip();
    });
</script>
ipt>
</body>
</html>